:host {
  ::ng-deep {
    mat-expansion-panel {
      border-radius: unset !important;
    }

    .mat-expansion-panel-body {
      padding: 0;
    }

    .mat-expansion-panel-spacing {
      margin: 0;
    }

    .mat-expansion-panel-header {
      padding: 0 15px;

      .documentation {
        display: flex;
        align-self: center;
        text-decoration: none;
      }

      .docs-link {
        color: #000000de;
        height: inherit;
        width: fit-content;
        font-size: initial;
        padding-left: 0.1rem;

        &:active {
          color: #1b1aa5;
        }
      }
    }

    .mat-expansion-panel-header-title {
      font-size: 0.8em;
      font-family: Menlo, monospace;
    }

    .mat-expansion-indicator {
      &::after {
        padding: 2.5px;
        margin-bottom: 4.5px;
      }
    }

    :host-context(.dark-theme) {
      .docs-link {
        color: #bcc5ce;

        &:active {
          color: #5caace;
        }
      }
    }
  }
}
